<template>
    <!--我的购物车-->
    <div class="contain">
        <div class="product-header">

        </div>
        <div class="main-box">
            <div class="result">
                <div class="icon"></div>
                <div class="right-box">
                    <p class="result-tip">支付成功！</p>
                    <p class="result-extra">
                        您的订单已经支付成功，请耐心等待审核
                    </p>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'paysucess',
    components: {
        /**/
    },
    data() {
        return {
            successed: false
        };
    },
    computed: {},
    watch: {},
    mounted() {
        this.testPayResult()
    },
    methods: {
        testPayResult() {
            this.$api.ajaxData({
                pathName: 'signVerified',
                method: 'get',
                errorFunc: false,
                params: {
                    map: this.$route.query,
                    oid: this.$route.query.out_trade_no
                }
            })
                // eslint-disable-next-line no-unused-vars
                .then(res => {
                    this.successed = true
                })

        }
    }
};
</script>
<style scoped lang="scss">
.contain {
    .product-header {
        padding: 40px 0;
        height: 110px;
        color: #fff;

        &:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw;
            height: 330px;
            background: url('../../assets/image/back/u542.jpg') no-repeat;
            background-size: 100% 100%;
        }

        .title {
            position: relative;
            line-height: 30px;
            padding: 0 30px;
            font-size: 28px;
        }

    }

    .main-box {
        position: relative;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);

        .result {
            display: flex;
            padding: 50px 0;
            align-items: center;
            justify-content: center;

            .icon {
                display: block;
                width: 100px;
                height: 100px;
                margin: 0 20px;
                background: url("../../assets/image/icon/register_finish.png") no-repeat;
                background-size: cover;
            }

            .right-box {
                .result-tip {
                    margin-bottom: 10px;
                    font-size: 24px;
                    color: #333;
                }
            }
        }
    }
}
</style>
